<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML标题</title>
    <style>
        #h1id {color:chartreuse;
            font-size: 50px;align-content: center}

        .Xclass {color:darkblue;
            font-size: 30px;align-content: center}
    </style>
</head>
<body>
<h1 id="h1id">一号字体</h1>
<h2>一号字体</h2>
<h3 class="Xclass">一号字体</h3>

<p class="Xclass">

    ijhflasjf;asj;ajf[sofjsfasjf[ajf[ajfa[fjaspfaspfhaofhaofwekfwkfjafsdlkj
    啊发放啊发疯似尴尬恶法俄方  更多噶发送啊

</p>
<a href="https://www.baidu.com">  百度</a>

<table>
    <tr>
        <th>性别</th>
        <th>年龄</th>
        <th>姓名</th>
    </tr>

    <tr>
        <td>老王</td>
        <td>28</td>
        <td>你好</td>
    </tr>

    <tr>
        <td>老李</td>
        <td>XX</td>
        <td>XXX</td>
    </tr>

</table>

<img id="srcId" src="https://www.baidu.com/img/bd_logo1.png"/>


<select>
    <option>8451231</option>
    <option>65463212</option>
    <option>65331313</option>
    <option>6455634234</option>

</select>
<input type="button" value="XXXXX" onclick="clickm()"  name="点点点"/>
<input type="password" value="XXXXX" name="我是个按钮"/>
<input type="hidden" value="XXXXX" name="我是个按钮"/>


<ol>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <ul>
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
    </ul>
</ol>
</body>

<script src="jquery-3.0.0.min.js"></script>

<script>
    $(document).ready(function () {
//        $("p").click(function () {
//           $(this).hide();
//
//        });

        $("#srcId").click(function () {
            $(this).attr('src',"http://s1.bdstatic.com/r/www/cache/mid/static/xueshu/img/logo_4b1971d.gif");

        })

    });
</script>
</html>